<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>精简显示和全部显示列表</title>
    <link rel="stylesheet" href="style.css">
    <script src="../../js/jquery-1.11.0.js"></script>
    <script src="main.js"></script>
</head>
<body>
    <div class="container">
        <ul>
            <li><a href="#">联想</a></li>
            <li><a href="#">阿里巴巴</a></li>
            <li><a href="#">腾讯</a></li>
            <li><a href="#">百度</a></li>
            <li><a href="#">新浪</a></li>
            <li><a href="#">网易</a></li>
            <li><a href="#">搜狐</a></li>
            <li><a href="#">微软</a></li>
            <li><a href="#">苹果</a></li>
            <li><a href="#">三星</a></li>
            <li><a href="#">华为</a></li>
            <li><a href="#">VIVO</a></li>
            <li><a href="#">OPPO</a></li>
            <li><a href="#">小米</a></li>
            <li><a href="#">惠普</a></li>
            <li><a href="#">华硕</a></li>
            <li><a href="#">宏碁</a></li>
            <li><a href="#">戴尔</a></li>
        </ul>
        <div class="showContrl all">
            <span>显示全部品牌</span>
        </div>
    </div>
</body>
</html>